<?php
$title_meta = '视频 | ';
include ("header.php");
?>

<style type="text/css">body {
	/*overflow-y: hidden;*/
	background-color: black;
}</style>

<div class="video">
	<div>
		<video id="video_content">
			<source src="" type="video/mp4"></source>
		</video>
		<p href="#" class="video_btn">
			<img src="images/video_btn.png"/ >
		</p>
	</div>
	<p href="" class="back">
		返回
	</p>
</div>

<script type="text/javascript">

//$(document).ready(function(){ 
//　　var thishei = $(window).height();
//$(".video").css("padding-top",thishei*0.09);
//$(".video").css("padding-bottom",thishei*0.09);
//}); 

function GetArgsFromHref(sHref, sArgName) {
	var args = sHref.split("?");
	var retval = "";

	if(args[0] == sHref) /*参数为空*/ {
		return retval; /*无需做任何处理*/
	}
	var str = args[1];
	args = str.split("&");
	for(var i = 0; i < args.length; i++) {
		str = args[i];
		var arg = str.split("=");
		if(arg.length <= 1) continue;
		if(arg[0] == sArgName) retval = arg[1];
	}
	return retval;
}
var postId = GetArgsFromHref(window.location.href, 'id');

var thisVideo = document.getElementById('video_content');
$(".video_btn").click(function() {
	thisVideo.play();
	thisVideo.controls = true;
	$(".video_btn").css("display", "none");
})
thisVideo.addEventListener('ended', function() {
	thisVideo.controls = false;
	$(".video_btn").css("display", "block");
});
thisVideo.onpause = function() {
	$(".video_btn").css("display", "block");
};
thisVideo.onplay = function() {
	$(".video_btn").css("display", "none");
};

$(".back").click(function() {
	window.history.back();
})


$.ajax({
	type: "post",
	url: "./app/index.php?m=index&a=getVedio&id=" + postId + "",
	success: function(ret) {
		$("#video_content").attr("src", "./app" + ret.path);
	}
});</script>